<template>
  <div class="echartsBar">
    <div v-if="name">{{ name }}</div>
    <BaseMain
      :id="id"
      :height="'100%'"
      :width="'100%'"
      :class="className"
      :options="options"
    />
  </div>
</template>

<script>
import BaseMain from "@/components/Echarts/baseMain/index.vue";
export default {
  name: "EchartsBar",
  components: { BaseMain },
  props: {
    name: {
      type: String,
      default: ""
    },
    className: {
      type: String,
      default: "chart"
    },
    id: {
      type: String,
      default: "chart"
    },
    options: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
@import "~@/styles/variables.scss";
.echartsBar {
  height: 100%;
  width: 100%;
}
</style>
